﻿
/*reset*/
* {
  margin: 0;
  padding: 0;
  font-family: "Century Gothic";

}
body {
}

#wrapper {
    width: 1024px;
    margin: 0 auto;
    box-shadow: 0 0 15px #666666;
}

header {
    position: relative;
    display: block;
}

header .white {
    width: 1024px;
    height: 93px;
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 15px;
    padding-right: 15px;
}

header .white #logo {
    background: url(../images/logo.png) no-repeat;
    width: 311px;
    height: 93px;
}

aside {
    height: 30px;
    background-color: #0f9347;
    position: relative;
}

.section-container {
    background-repeat: no-repeat;
    background-image: url(../images/bg.png);
    padding: 20px 20px;
    background-size: cover;
    height: 500px;
}

footer {
    position: relative;
    background: #fff;
}

.colorbar {
    height: 23px;
}

.colorBar span {
    display: block;
    float: left;
    width: 256px;
    height: 23px;
    margin: 0;
    padding: 0;
}

.colorBar .blue {
    background: #8fc3ea;
}

.colorBar .pink {
    background: #f0bcd7;
}

.colorBar .green {
    background: #97ce8b;
}

.colorBar .orange {
    background: #ec881d;
}

#copyright {
    height: 78px;
    position: relative;
    background: #fff;
    z-index: 101;
}

    #copyright #footLogo {
        background: url('../images/logo_foot.png') no-repeat;
        width: 100px;
        height: 42px;
        top: 0px;
        float: right;
        margin-right: 5px;
        margin-top: 3px;
    }

    #copyright p {
        margin-top: 3px;
        margin-right: 25px;
        margin-bottom: 0;
        float: right;
        color: #333;
        font-size: 10px;
        line-height: 11px;
    }
    
    
nav {  }

nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

nav li { margin: 0 0 1px 0; }

nav a
{
display: block;
padding: 5px 10px;
width: 140px;
color: #fff;
background-color: #434344 ;
text-decoration: none;
}

nav a:hover
{
color: #898983;
background-color: #000;
text-decoration: none;
}

nav ul ul li { margin: 0 0 1px 0; }

nav ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #434344;
background-color: #898989;
text-decoration: none;
}

nav ul ul a:hover
{
color: #434344;
background-color: #898989;
text-decoration: none;
}
.container {
    height:530px;
 background-color:#434344;
}
#n {
    width:12%;
    background-color:black;
    position:relative;
    display:block;
    float:left;
}

#c {
   width:88%;
    background-color:green;
    position:relative;
    display:block;
    float:left;
}
#window {
    background-repeat: no-repeat;
    background-image: url(../images/window.png);
    background-position:center;
    height:530px;
}

article {
    padding-top: 5px;
    height:340px;
overflow-y:scroll;
}
section {
    margin:0 auto;
    padding-top: 25px;
    width:80%;
}

h1 {
    color:#ffffff;
    font-size:24px;
    text-align:center;
    
}